<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>纯CSS3无穷级楼梯台阶动画DEMO演示</title>
  
    <link rel="stylesheet" href="css/normalize.min.css">

  <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Anton'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  
<div id="window">
  <div class="panel">
    <div class="panel_frame"></div>
    <div class="panel_back"></div>
  </div>
  <div class="pillar">
    <div class="ref"></div>
  </div>
  <div class="wall"></div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
  <div class="step">
    <div class="step_inner">
      <div class="step_top"></div>
      <div class="step_side"></div>
    </div>
  </div>
</div>
  
</body>

</html>
